<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Moshi Player ver 1.0</title>
<link rel="StyleSheet" href="css/styles.css" type="text/css" media="screen">
<link rel="StyleSheet" href="css/custom-theme/jquery-ui-1.8.20.custom.css" type="text/css" media="screen">
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript" src="js/sugar-1.2.4.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript">
	var APPCONF = {
        relatedVideosMax: 5
	}
	
	//$.support.cors = true;
	var videoId = $.urlParam('id');
	
	$(document).ready(function () {
		try{
			MAINVIDEO.init(videoId);
			RELATEDVIDEOS.init(videoId);
		}catch (e) {
			modalMessage(e.name,e.message);
		}
    });
			
</script>
</head>
<body>
	<div id="main">
		<div id="container">
			<div id="header"><div id="moshiLogo"></div><h1></h1></div>
			<div id="content">
				<div id="leftColumn">
					<div class="borderDiv"><div id="videoPlayer"></div></div>
					<div id="videoViews"></div>
					<div id="videoDesc"></div>
					<div id="videoDuration"></div>
					<div id="videoDate"><span id="postedBy"></span></div>
				</div>
				<div id="rightColumn">
					<h2>More Videos</h2>
					<div id="relatedVideos"></div>
				</div>
			</div>
			<div class="contentBot"></div>
		</div>
	</div>
	<div id="dialog-message" title="" style="display:none">
		<p>
			<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 50px 0;"></span>
			<span class="alertMsg"></span>
		</p>
	</div>
</body>
</html>
